<template>
  <div class="navCard-com">
    <a-card title="快速开始 / 便捷导航" :bordered="false">
      <a-tooltip v-for="(item, index) in list" :key="index">
        <template #title>
          {{ item.desc }}
        </template>
        <a-button type="text" class="btn">{{ item.label }}</a-button>
      </a-tooltip>
      <a-button class="add"> <PlusOutlined /> 添加 </a-button>
    </a-card>
  </div>
</template>
<script>
import { PlusOutlined } from "@ant-design/icons-vue";
export default {
  name: "",
  components: {
    PlusOutlined,
  },
  mixins: [],
  props: {},
  data() {
    return {
      list: [
        {
          label: "学习资源",
          desc: "点击此按钮可以获得学习资源的链接、教材推荐、学术论文等相关内容。",
        },
        {
          label: "校园地图",
          desc: "点击此按钮可以查看校园地图，了解各个建筑物的位置、学院办公室、图书馆等重要地点的指引。",
        },
        {
          label: "课程查询",
          desc: "点击此按钮可以查询当前学期的课程安排、课程表、选课信息等。",
        },
        {
          label: "图书馆服务",
          desc: "点击此按钮可以了解图书馆的借阅规则、馆藏书目、预约座位等信息。",
        },
        {
          label: "校园活动",
          desc: "点击此按钮可以获取校园内举办的各种活动、讲座、比赛等的详细信息和报名方式。",
        },
        {
          label: "健康与安全",
          desc: "点击此按钮可以获得关于校园健康、安全事项的指南、紧急联系方式、疫情防控措施等信息。",
        },
        {
          label: "学生服务",
          desc: "点击此按钮可以获取学生服务中心的联系信息、学生证办理、学生活动等相关信息。",
        },
        {
          label: "就业指导",
          desc: "点击此按钮可以获得就业指导中心的资源、实习机会、职业规划等相关信息。",
        },
        {
          label: "志愿者活动",
          desc: "点击此按钮可以了解志愿者活动的时间、地点、参与方式以及志愿者证办理等信息。",
        },
        {
          label: "校园电子邮箱",
          desc: "点击此按钮可以访问校园电子邮箱系统，进行电子邮件的收发和管理。",
        },
        {
          label: "学术研究",
          desc: "点击此按钮可以了解学术研究机构、学术期刊、科研项目等相关信息。",
        },
        {
          label: "留学交流",
          desc: "点击此按钮可以获取留学交流项目、国际学生事务、外国语言学习等相关信息。",
        },
        {
          label: "校园住宿",
          desc: "点击此按钮可以获取关于校园住宿的申请流程、宿舍分配、生活设施等相关信息。",
        },
        {
          label: "学生社团",
          desc: "点击此按钮可以了解学生社团的分类、活动介绍、加入方式等信息。",
        },
        {
          label: "校园餐饮",
          desc: "点击此按钮可以查看校园内食堂、餐厅的位置、菜单、营业时间等相关信息。",
        },
        {
          label: "健身中心",
          desc: "点击此按钮可以了解校园健身中心的设备、健身课程、开放时间等信息。",
        },
        {
          label: "学生支持服务",
          desc: "点击此按钮可以获取学生支持服务的咨询、心理健康支持、辅导资源等信息。",
        },
        {
          label: "校园交通",
          desc: "点击此按钮可以了解校园交通线路、班车时刻表、停车场位置等信息。",
        },
      ],
    };
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {},
};
</script>
<style lang='scss' scoped>
.navCard-com {
  overflow: hidden;
  .btn {
    margin-top: 10px;
    margin-right: 10px;
  }
}
</style>